<template>
  <div id="index">
    <ms-header :activeIndex="activeIndex"></ms-header>
    <ms-banner></ms-banner>
    <course  ></course>
    <card ></card>
    <service ></service>
    <contact ></contact>
    <ms-footer></ms-footer>
  </div>
</template>
<script>
  import MsHeader from './Common/ms-header'
  import MsBanner from './Common/ms-banner'
  import MsFooter from './Common/ms-footer'
  import Course from './Index/Course'
  import Card from './Index/Card'
  import Contact from './Index/Contact'
  import Service from './Index/Service'
  export default {
    props: ['activeIndex'],
    name: 'index',
    components: {MsHeader,MsBanner,MsFooter,Course,Card,Contact,Service},
    mounted(){
    }
  }
</script>
